<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/12/2
  Time: 19:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>文章</title>
		<!--<%--<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.css">--%>-->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.css">
		<link href="${pageContext.request.contextPath}/css/base.css" rel="stylesheet">
		<link href="${pageContext.request.contextPath}/css/index.css" rel="stylesheet">
		<style type="text/css">
			body {
				background:  #E6E6E6;
			}
			ul.dropdown-menu {
				background: black;
			}
			
			ul.dropdown-menu li a {
				color: white;
			}
			
			.item img {
				margin: 0 auto;
			}
			
			.carousel {
				position: relative;
				top: 10px;
			}
			
			.navbar-fixed-top {
				top: 0;
				border-width: 0 0 1px;
				right: 15px;
				left: 15px;
			}
			.jumbotron{
				background:#93B69C;
				height: 320px;
			}
			.ndiv{
				position: relative;
				left: 280px;
				top: 75px;
			}
			.hh{
				color: white;
			}
			.pp{
				color: white;
			}
			.pldiv{
				position: relative;
				right: 8px;
			}
		</style>
	</head>

	<body>
		<div class="container-fluid">
			<!--导航条begin-->
			<div role="navigation" class="navbar navbar-default navbar-fixed-top"  id="menu-nav">
				<div class="container">
					<div class="navbar-header">

						<a class="navbar-brand" href="#">凡一个人博客</a>
					</div>
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav">
							<li>
								<a href="${pageContext.request.contextPath}/admin/articleIndexView">首页</a>
							</li>
							<li class="active">
								<a href="${pageContext.request.contextPath}/admin/showArticleView">文章</a>
							</li>
							<li>
								<a href="${pageContext.request.contextPath}/admin/aboutFyiView">关于我</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">MORE <span class="caret"></span></a>
								<ul class="dropdown-menu" role="menu">
									<li>
										<a href="#feature-tab" data-tab="tab-chrome">随笔</a>
									</li>
									
									<li>
										<a href="#feature-tab" data-tab="tab-safari">心得笔记</a>
									</li>
									<li>
										<a href="${pageContext.request.contextPath}/message/userMassageView" data-tab="tab-opera">给我留言</a>
									</li>
									<li>
										<a href="${pageContext.request.contextPath}/admin/superAdminLoginView">登录后台</a>
									</li>
									<li>
										<a href="${pageContext.request.contextPath}/" data-tab="tab-ie">log out</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="${pageContext.request.contextPath}/admin/technicalExchangeView">技术交流</a>
							</li>
							<li>
								<a href="#" data-toggle="modal" data-target="#about-modal">项目合作</a>
							</li>
						</ul>
						<form class="navbar-form navbar-right">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="Search">
							</div>
							<button type="submit" class="btn btn-default">搜索</button>
						</form>

						<!--<button type="button" class="btn btn-danger navbar-btn">
                    <span class="glyphicon glyphicon-off"></span> 退出登录
            </button>-->
					</div>
				</div>
			</div>
			<!--导航条end-->
			<!--巨幕begin-->
			<div class="jumbotron">
				<div class="ndiv">
					<h2 class="hh">烧不尽的野火，勇敢面对生活</h2>
					<p class="pp">欲望在满溢 无法再去遮蔽 不用和我讲生存的道理 眼泪才是真谛 没有人想当蝼蚁......</p>
				</div>
<%--				<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>--%>
			</div>
			<!--巨幕end-->

			<article>
			<h2 class="title_tj">
				<ul>
					<a title="/" href="/" target="_blank" class="readmore">查看所有文章>></a>
				</ul>
				<p>文章<span>推荐</span></p>
			</h2>
			<div class="bloglist center">
				<h3>千与千寻</h3>
				<figure><img src="${pageContext.request.contextPath}/images/qyqx.jpg"></figure>
				<ul>
					<p>10岁的少女千寻与父母一起从都市搬家到了乡下。没想到在搬家的途中，一家人发生了意外。他们进入了汤屋老板魔女控制的奇特世界——在那里不劳动的人将会被变成动物。千寻的爸爸妈妈因贪吃变成了猪，千寻为了救爸爸妈妈经历了很多磨难，在期间她遇见了白龙，一个既聪明又冷酷的少年，在经历了很多事情之后，千寻最后救出了爸爸妈妈，拯救了白龙</p>
					<a href="#" target="_blank" class="readmore">阅读全文>></a>
					<div class="pldiv">
						<a  href="#" target="_blank" class="readmore">评论>></a>
					</div>					</ul>
				<p class="dateview"><span>2019-12-17</span><span>作者：宫崎骏</span></p>

				<h3>我在未来等你</h3>
				<figure><img src="${pageContext.request.contextPath}/images/wl.jpg"></figure>
				<ul>
					<p>你会不会偶尔产生那种“如果能回到那一年就好了”的念头？觉得回到那一年，以我们当下的见识和心态，很多事都能被改变。 36岁的大学老师郝回归人生不尽如人意，一眼看得到终点。他很想回到自己的17岁，回到那个阳光而天真的时代，重新来过。 一次偶然，他真的回去了。 只不过，他并没有重新来过的机会。 他依然36岁。他成了高三实习班主任。班级里，他遇见了17岁的自己——一塌糊涂的刘大志。郝回归知道刘大志的未来，也知道他的幸与不幸。他想改变他。 然而，当36岁的世故遇见17岁的热血，一切远没有这么简单……
					</p>
					<a  href="#" target="_blank" class="readmore">阅读全文>></a>
					<div class="pldiv">
						<a  href="#" target="_blank" class="readmore">评论>></a>
					</div>
				</ul>
				<p class="dateview"><span>2019-12-17</span><span>作者：刘同</span></p>

				<h3>别做那只迷途的候鸟</h3>
				<figure><img src="${pageContext.request.contextPath}/images/hm.jpg"></figure>
				<ul>
					<p>考研还是工作，哪一个更适合我 　　我明 年就毕业了，现 在的工作很难找吗 　　非名校毕业的我，要如何逆袭 　　我有勇气和梦想，为什么没人给我一次机会 　　每天都在看娱乐节目的我，为什么做不了传媒 　　没背景没资源，怎样才能进入理想的行业 　　工作的意义是什么？
					</p>
					<a  href="#" target="_blank" class="readmore">阅读全文>></a>
					<div class="pldiv">
						<a  href="#" target="_blank" class="readmore">评论>></a>
					</div>
				</ul>
				<p class="dateview"><span>2019-12-17</span><span>作者：刘同</span></p>
			</div>

		</article>

		</div>
	</body>
	<script type="text/javascript">
		$(function() {
			$.ajax({
				url:"${pageContext.request.contextPath}/article/selectAllArticle",
				type:"post",
				contentType:"application/json;charset=utf-8",
				dataType:"json",
				success:function (data) {
					console.log(data)
					var $titleHtml = "";
					var $authorHtml = "";
					var $contentHtml = "";
					var $createTimeHtml = "";
					$.each(data.data, function(index, object) {
						$titleHtml +=  object.title ;
						$authorHtml += object.author;
						$contentHtml += object.articleContent;
						$createTimeHtml += object.createTime ;
					});
					$('#tbody').append($titleHtml);
					$('#tbody').append($authorHtml);
					$('#tbody').append($contentHtml);
					$('#tbody').append($createTimeHtml);
				}
			});

		});
	</script>
	<script src="${pageContext.request.contextPath}/js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="${pageContext.request.contextPath}/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<!--<script src="../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>-->

</html>